/*
 * @Author: xiaosihan 
 * @Date: 2022-07-11 07:51:56 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-05-29 16:11:36
 */

import { Watermark } from "antd";
import { useEffect } from "react";
import styles from './index.module.less';
import watermarkePNG from "./watermarke.png";
import homeStore from "./homeStore";
import homeRenderer from "./homeRender/homeRenderer";

const Home = () => {

    useEffect(() => {
        (async () => {
            await new Promise(resolve => requestAnimationFrame(resolve));
            await new Promise(resolve => requestAnimationFrame(resolve));
            await new Promise(resolve => requestAnimationFrame(resolve));
            await new Promise(resolve => requestAnimationFrame(resolve));
        })();
    }, []);

    return (
        <Watermark
            className={styles.home}
            width={103}
            height={22}
            image={watermarkePNG}
        >
            <div ref={dom => homeRenderer.setContainer(dom)} className={styles.container}></div>
        </Watermark>
    );
}

export default Home;